<template>
  <div>
    <div class="flex-center banner-box bg-[url('~/assets/images/solution/energy_banner.png')] bg-cover bg-no-repeat">
      <div class="banner-con">
        <h1 class="banner-main-title">水电能耗监测系统</h1>
        <p class="xl:w-[35vw] mt-10 banner-text">
          联筑达·智慧工地水电能耗监测系统，可实现对建筑项目的水电能耗及碳排放况进行智能监测，可随时查看每日、每月、每年的水电消耗数据，并对项目上所有的水表、电表进行管理，有助于加强用能管理，提高能源利用率，为践行节能减排提供科学数据支撑和数字化的监管手段。
        </p>
      </div>
    </div>

    <div class="pt-[70px] pb-20 bg-[#FBFBFB]">
      <div class="w-[96%] xl:w-[1200px] mx-auto">
        <h2 class="module-title">系统功能</h2>
        <div class="flex flex-wrap mt-10 justify-around">
          <div v-for="(item, ind) in traitList" :key="ind" class="w-[380px] h-[313px] bg-[#FFFFFF] mb-6 px-7 relative flex-center flex-col rounded-sm border border-[#EDF4FB] border-t-2 border-t-[#0099FF]">
            <img alt="水电能耗监测系统" class="inline-block w-[103px] h-[103px]" :src="
                require(`../../assets/images/solution/energy_0${ind + 1}.png`)
              " />
            <div class="text-[#222] mt-[15px]">{{ item.name }}</div>
            <p class="mt-[18px] text-[#828282] text-sm leading-6">
              {{ item.content }}
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="bg-[#FBFBFB] py-[84px]">
      <div class="w-[96%] xl:w-[1200px] mx-auto">
        <h2 class="module-title">系统价值</h2>
        <div class="mt-10 flex flex-col md:flex-row text-white">
          <div class="bg-[#028BFF] px-14 h-[283px]">
            <img class="w-10 h-10 mt-18" src="../../assets/images/solution/energy_07.png" />
            <p class="mt-10">能耗数据动态监测，加大能耗管理，合理利用资源。</p>
          </div>
          <div class="bg-[url(~/assets/images/solution/energy_09.png)] px-14 h-[283px]">
            <img class="w-10 h-10 mt-18" src="../../assets/images/solution/energy_08.png" />
            <p class="mt-10">能耗数据智能分析，实行节能建造，提高经济效益。</p>
          </div>
          <div class="bg-[#028BFF] px-14 h-[283px]">
            <img class="w-10 h-10 mt-18" src="../../assets/images/solution/energy_10.png" />
            <p class="mt-10">实现碳减排和环保目标，实现项目绿色建造。</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      traitList: [
        {
          name: '设备管理',
          content:
            '对项目上安装的所有水表、电表进行统一管理，记录设备数量及实时运行状态，设备异常及时预警。',
        },
        {
          name: '数据看板',
          content:
            '监测记录施工项目水电能耗情况，生成相应的报表和曲线，能耗变化趋势一目了然。',
        },
        {
          name: '碳排放监测',
          content:
            '基于水电能耗数据，分析测算项目的碳排放情况，对于碳排放超标项目可进行重点监督管理。',
        },
        {
          name: '能耗分析',
          content:
            '将项目的能耗数值与上一年同期值或上月同期值进行同比环比分析，检验节能效果。',
        },
        {
          name: '能耗排名',
          content:
            '主管部门或企业可查看管辖范围内所有项目的能耗数据排名，为项目评优提供决策依据。',
        },
        {
          name: '移动监测',
          content:
            '可通过移动小程序对监测数据进行实时查看，随时掌握能耗情况、设备运行状态，确保用能安全与高效。',
        },
      ],
    }
  },
  head: {
    title: '水电能耗监测系统-联合智为',
    meta: [
      {
        hid: 'index-keywords',
        name: 'keywords',
        content: '水电能耗监测系统',
      },
      {
        hid: 'index-desc',
        name: 'description',
        content:
          '联筑达·智慧工地水电能耗监测系统，可实现对建筑项目的水电能耗及碳排放况进行智能监测，可随时查看每日、每月、每年的水电消耗数据，并对项目上所有的水表、电表进行管理，有助于加强用能管理，提高能源利用率，为践行节能减排提供科学数据支撑和数字化的监管手段。',
      },
    ],
  },
}
</script>
